<nz-modal [(nzVisible)]="isVisible" nzTitle="选择清空时间范围" (nzOnCancel)="handleCancel()" (nzOnOk)="handleOk()">

  <form nz-form>
    <nz-form-item>
      <nz-form-label [nzSpan]="5" nzFor="sort">选择时间</nz-form-label>
      <nz-form-control [nzSpan]="18">
        <nz-radio-group [(ngModel)]="radioValue" [ngModelOptions]="{standalone: true}">
          <label nz-radio nzValue="1">半年前</label>
          <label nz-radio nzValue="2">3个月前</label>
          <label nz-radio nzValue="3">1个月前</label>
          <label nz-radio nzValue="4">自定义</label>
        </nz-radio-group>
      </nz-form-control>

    </nz-form-item>

    <nz-form-item *ngIf="radioValue =='4'">
      <nz-form-label [nzSpan]="5" nzFor="sort">开始日期</nz-form-label>
      <nz-form-control [nzSpan]="18">
        <app-my-date-picker [dateTimeType]="startDateTimeType" [date]="startDateTime" (event)="outDateTime($event)"></app-my-date-picker>
      </nz-form-control>
    </nz-form-item>

    <nz-form-item *ngIf="radioValue =='4'">
      <nz-form-label [nzSpan]="5" nzFor="sort">结束日期</nz-form-label>
      <nz-form-control [nzSpan]="18">
        <app-my-date-picker [dateTimeType]="endDateTimeType" [date]="endDateTime" (event)="outDateTime($event)"></app-my-date-picker>
      </nz-form-control>

    </nz-form-item>
  </form>


</nz-modal>
